<template>
  <div id="app">
    <div class="container">
    <!--  <span>
        <router-link to="/Home">首页</router-link>
      </span>
    <span>
     <router-link to="/Product">商品列表</router-link>
    </span> -->
      <div class="row">
        <ul class="nav nav-tabs">
          <li role="presentation"><router-link to="/Home">首页</router-link></li>
          <li role="presentation"><router-link to="/Product/1">手机</router-link></li>
          <li role="presentation"><router-link to="btnfn">家电</router-link></li>
          <li role="presentation"><router-link to="/Product/3">玩具</router-link></li>
        </ul>
      </div>
      <div>
        <router-view></router-view>
      </div>
    </div>

  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {

    }
  },
methods:{
    btnfn: function () {
      //路由跳转
      this.$router.push("/TCProduct/2")
    }
}
}
</script>


